*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
body {
    width: 100%;
    background-color: #f0eff5;
}
header{
    background-size: 100%;
    .top{
        box-sizing: border-box;
        padding-top: 13%;
        height: 15rem;
        background: url("../img/bg.png") no-repeat;
        background-size: 100% 100%;
        .item{
            float: left;
            width: 30%;
            text-align: center;
            color: white;
            p{
                margin-top: 8px;
            }
            div{
                padding-top: 10px;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                margin: 0 auto;
                background: white;
                box-sizing: border-box;
                i{
                    font-size: 20px;
                    display: inline-block;
                    color: #f8504c;
                    margin-top: 5px;
                }
            }
            &:nth-child(2){
                width: 40%;
                img{
                    width: 65px;
                    height: 65px;
                    border-radius: 50%;
                }
            }
        }
    }
    .bot{
        background: white;
        display: flex;
        padding: 10px 0;
        div{
            flex: 1;
            text-align: center;
            i{
                font-size: 2.5rem;
                color: #f8504c;
            }
            p{
                margin-top: 3px;
            }
        }
    }
}
.main{
    .detail{
        margin-top: 10px;
        background-color: #fff;
        .detail_head{
            // height: 3.125rem;
            div img{
                width: 2.5rem;
                height: 2.5rem;
                float: left;
            }
            div .confirm{
                // display: inline-block;
                vertical-align: middle;
                font-size: 1.2rem;
                color: #f8504c;
                float: right;
            }
            div .order{
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
                p{
                    margin-top: -2px;
                    color: grey;
                    font-size: 1.1rem;
                }
            }
        }
        div center{
            padding-bottom: 10px;
            div{
                font-size: 2rem;
            }
            p{
                padding-top: .15625rem;
                color: grey;
                font-size: 1.2rem;
            }
        }
        .detail_foot{
            padding: 5%;
            height: .9375rem;
            line-height: .9375rem;
            border-top: 1px lightgray solid;
            div{
                display: inline-block;
                color: grey;
                vertical-align: middle;
                font-size: 1.2rem;
            }
            .querenshouhuo{
                margin-top: -5px;
                font-size: 1.2rem;
                float: right;
                background-color: #f8504c;
                color: white;
                padding: 8px 12px 6px 12px;
                border-radius: 5px;
            }
        }
    }
}

